<template>
  <div>
    <!--  -->
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item :to="{path:'/rota'}">医生排班管理</el-breadcrumb-item>
      <el-breadcrumb-item :to="{path:'/rule'}">新增排班规则</el-breadcrumb-item>
    </el-breadcrumb>

    <div align="center">
      <span>科室</span>
      <el-select v-model="value" placeholder="请选择">
        <el-option
          v-for="item in options"
          :key="item.value"
          :label="item.label"
          :value="item.value"
        ></el-option>
      </el-select>
      <span>挂号级别</span>
      <el-select v-model="value1" placeholder="请选择">
        <el-option
          v-for="item in options1"
          :key="item.value1"
          :label="item.label1"
          :value="item.value1"
        ></el-option>
      </el-select>
    </div>
    <el-table :data="tableArray" border style="width: 100%">
           <el-table-column  label="全选" align="center"><el-checkbox name="type"></el-checkbox></el-table-column>
      <el-table-column prop="date" label="编号" type="index" align="center"></el-table-column>
      <el-table-column prop="realname" label="医生" align="center"></el-table-column>

       <el-table-column  label="周一上午" align="center"><el-checkbox name="type"></el-checkbox></el-table-column>
        <el-table-column  label="周一下午" align="center"><el-checkbox name="type"></el-checkbox></el-table-column>

        <el-table-column  label="周二上午" align="center"><el-checkbox name="type"></el-checkbox></el-table-column>
        <el-table-column  label="周二下午" align="center"><el-checkbox name="type"></el-checkbox></el-table-column>

        <el-table-column  label="周三上午" align="center"><el-checkbox name="type"></el-checkbox></el-table-column>
        <el-table-column  label="周三下午" align="center"><el-checkbox name="type"></el-checkbox></el-table-column>
        
        <el-table-column  label="周四上午" align="center"><el-checkbox name="type"></el-checkbox></el-table-column>
        <el-table-column  label="周四下午" align="center"><el-checkbox name="type"></el-checkbox></el-table-column>
        
        <el-table-column  label="周五上午" align="center"><el-checkbox name="type"></el-checkbox></el-table-column>
        <el-table-column  label="周五下午" align="center"><el-checkbox name="type"></el-checkbox></el-table-column>
        
        <el-table-column  label="周六上午" align="center"><el-checkbox name="type"></el-checkbox></el-table-column>
        <el-table-column  label="周六下午" align="center"><el-checkbox name="type"></el-checkbox></el-table-column>
        
        <el-table-column  label="周日上午" align="center"><el-checkbox name="type"></el-checkbox></el-table-column>
        <el-table-column  label="周日下午" align="center"><el-checkbox name="type"></el-checkbox></el-table-column>
        
  
    </el-table>
     <div align="center">
        <el-input v-model="input" placeholder="输入规则名称" style="width:200px;" ></el-input><el-button size="mini" type="success">确定</el-button>
        </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      options: [
        {
          value: "选项1",
          label: "心血管内科",
        },
        {
          value: "选项2",
          label: "消化内科",
        },
        {
          value: "选项3",
          label: "呼吸科",
        },
        {
          value: "选项4",
          label: "骨科",
        },
        {
          value: "选项5",
          label: "中医",
        },
      ],
      value: "",
      value1: "",
      options1: [
        {
          value1: "选项1",
          label1: "专家号",
        },
        {
          value1: "选项2",
          label1: "普通号",
        },
      ],
      tableArray: [
        {
          // scheduling 的userId关联联User表，根据id查询名称
          realname: "谢广坤",
         
        },{
          realname:"赵四"
        },
        {
          realname:"赵四"
        },
        {
          realname:"赵四"
        },
        {
          realname:"赵四"
        },
        {
          realname:"赵四"
        },

      ],
    };
  },
};
</script>